<%@include file="include/accountsession.jsp" %>
<%-- 
    Document   : movie
    Created on : Jul 27, 2012, 11:11:09 PM
    Author     : Atienza-Home
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Moviestore.com</title>
        
    
    
    <link href="header.css" rel="stylesheet" type="text/css"></link>
    
    
    
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquerymenubar.js"></script>
    <script type="text/javascript" src="ajaxmain.js"></script>
    
    <script type="text/javascript">
        var clicked =false;
        function cartmodalpopup(){
            
            document.getElementById("transparentbg").style.display = "block";
            document.getElementById("addtocartpopup").style.display = "block";
            document.getElementById("modalpopuppane").style.display = "block";
        }
        function buymovieover(){
            document.getElementById("buymovie").style.backgroundColor = "#66cccc";
            document.getElementById("abuymovie").style.textDecoration = "none";
            
            
        }
        function buymovieout(){
            
                document.getElementById("buymovie").style.backgroundColor = "#006666";            
            
            
            
        }   
        
        function starover(num){
            if(clicked ==false){
            if(num==1){
                document.getElementById("star1").src = "images/movie/star.png";
            }
            if(num==2){
                document.getElementById("star1").src = "images/movie/star.png";
                document.getElementById("star2").src = "images/movie/star.png";
            }
            if(num==3){
                document.getElementById("star1").src = "images/movie/star.png";
                document.getElementById("star2").src = "images/movie/star.png";
                document.getElementById("star3").src = "images/movie/star.png";
            }
            if(num==4){
                document.getElementById("star1").src = "images/movie/star.png";
                document.getElementById("star2").src = "images/movie/star.png";
                document.getElementById("star3").src = "images/movie/star.png";
                document.getElementById("star4").src = "images/movie/star.png";
            }
            if(num==5){
                document.getElementById("star1").src = "images/movie/star.png";
                document.getElementById("star2").src = "images/movie/star.png";
                document.getElementById("star3").src = "images/movie/star.png";
                document.getElementById("star4").src = "images/movie/star.png";
                document.getElementById("star5").src = "images/movie/star.png";
            }
            }
            
            
        }
        
        function starout(){
            if(clicked ==false){
            document.getElementById("star1").src = "images/movie/starnocolor.png";
            document.getElementById("star2").src = "images/movie/starnocolor.png";
            document.getElementById("star3").src = "images/movie/starnocolor.png";
            document.getElementById("star4").src = "images/movie/starnocolor.png";
            document.getElementById("star5").src = "images/movie/starnocolor.png";
            }
        }
        
        function starclick(num,id){
            if(clicked == false){
            if(num==1){
                document.getElementById("star1").src = "images/movie/star.png";
            }
            if(num==2){
                document.getElementById("star1").src = "images/movie/star.png";
                document.getElementById("star2").src = "images/movie/star.png";
            }
            if(num==3){
                document.getElementById("star1").src = "images/movie/star.png";
                document.getElementById("star2").src = "images/movie/star.png";
                document.getElementById("star3").src = "images/movie/star.png";
            }
            if(num==4){
                document.getElementById("star1").src = "images/movie/star.png";
                document.getElementById("star2").src = "images/movie/star.png";
                document.getElementById("star3").src = "images/movie/star.png";
                document.getElementById("star4").src = "images/movie/star.png";
            }
            if(num==5){
                document.getElementById("star1").src = "images/movie/star.png";
                document.getElementById("star2").src = "images/movie/star.png";
                document.getElementById("star3").src = "images/movie/star.png";
                document.getElementById("star4").src = "images/movie/star.png";
                document.getElementById("star5").src = "images/movie/star.png";
            }
            }
            clicked =true;
            
            retrieveStarClick(num,id);
            
        }
        
        function hidePopUp(){
            document.getElementById("addtocartpopup").style.display = "none";
            document.getElementById("transparentbg").style.display = "none";
            document.getElementById("modalpopuppane").style.display = "none";
        }
        
    
    
    
    

        
    </script>
    
 </head>
 
 <body onload="retrieveMovieById('<%= request.getParameter("id")%>');">
        
<!-- HEADER -->
<div id="header">

    <%@include file="include/header.jsp" %>
</div>


<div class="menu">   
    
    <%@include file="include/menubar.jsp" %>

</div>

<!-- end of HEADER -->

<!-- ADVERTISEMENT -->
<div id="advertisement" ><font>ADS HERE!</font></div>

<!-- end of ADVERTISEMENT -->

<div id="realbody" style="background-color:#009999; border:15px solid #006666; padding:20px;width:920px;">
    
    <div id="moviepane">
        
    </div>    
        
        

</div>
</body>
</html>
